<%--
    Document   : home
    Created on : 16/09/2011, 01:10:30 AM
    Author     : Usuario
--%>

<%@page import="personas.Usuario"%>
<%@page import="Manejadores.ControlUsuario"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page errorPage = "ErrorPage.jsp" %>
<%@ page session="true" %>
<%
String usuario = "";
HttpSession sesionOk = request.getSession();
if (sesionOk.getAttribute("username") == null) {
%>
<jsp:forward page="login.jsp">
<jsp:param name="error" value="Es
obligatorio identificarse"/>
</jsp:forward>
<%
} else {
usuario = (String)sesionOk.getAttribute("username");
}
%>
<!DOCTYPE html>

<html>
  <head>
         <link rel="stylesheet" href="css/style_prin.css" type="text/css" />
         <link rel="shortcut icon" href="Imagenes/icono.png.png">
         <link href="css/style_menu.css" rel="stylesheet" type="text/css">
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <title>:. Integral Moderno .:</title>
        <script type="text/javascript" src="js/jquery.js"></script>
        <script src="js/menu.js" language="javascript" type="text/javascript"></script>
	<script type="text/javascript" src="js/easySlider1.5.js"></script>
	<!-- sliderman.js -->
	<script type="text/javascript" src="js/sliderman.1.3.6.js"></script>
	<link rel="stylesheet" type="text/css" href="css/sliderman.css" />
        <link rel="stylesheet" type="text/css" href="css/slidermanen.css" />
<!-- /sliderman.js -->
    <!--[if lt IE 8]>
<script src="js/IE8.js" type="text/javascript"></script><![endif]-->
    <!--[if lt IE 7]>
<script src="js/IE7.js" type="text/javascript"></script><![endif]-->
   <!--[if lt IE 9]>
<script src="js/IE9.js" type="text/javascript"></script><![endif]-->
   </head>
<style>
div.parte{
border: 0px solid #FE2E2E;

float: left;
width: 390px;
height: 90%;
}
</style>
<body>
    <div id="mod-line">
    <div id="toolbar">

<div id="toolbar2">
    <h2>Autenticado como:<a href="perfil.jsp"><%=usuario%></a><a  href="cerrarSession.jsp">(CerrarSesion)</a></h2>
 <input type="hidden" name="usern" value="<%=usuario%>" />
</div>

    </div>
    </div>
    <br>
   <div id="wrap">
   <div id="top">
   <h1>CEIM</h1><h8>CENTRO EDUCATIVO INTEGRAL MODERNO</h8>
   <div id="imagen">
       <img src="Imagenes/EscudoCEIM.png" >
   </div>
</div><br>
<br>
<div id="wrap2">
<div id="menu">
<div id="ja-mainnav" >
          <ul id="ja-cssmenu" >
            <li class="havechild"><a href="home.jsp" class="menu-item0 active first-item"
                id="menu1" title="Inicio">Home</a></li>
            <li class="havechild"><a href="" class="menu-item1" id="menu66"
                title="Mision">Mision</a></li>
          <li class="havechild"><a href="" class="menu-item2" id="menu66"
                title="Vision">Vision</a></li>
         <li class="havechild"><a href="" class="menu-item3" id="menu66"
                title="Contacto">Quienes Somos</a></li>
                <li class="havechild"><a href="" class="menu-item3" id="menu66"
                title="Contacto">Contacto</a></li>
</ul>
</div>
</div>

       <div id="slider_container_1hom">
	<div id="SliderName">

        <img src="imagenesslider/naturaleza1.jpg"  />
	<img src="imagenesslider/images1.jpg"  />
        <img src="imagenesslider/natu2_1.jpg"  />
        <img src="imagenesslider/imaint2.jpg"  />

        <div class="c"></div>
	<div id="SliderNameNavigation"></div>
	<script type="text/javascript">
        // we created new effect and called it 'demo01'. We use this name later.
	Sliderman.effect({name: 'demo01', cols: 10, rows: 8, delay: 20, fade: true, order: 'straight_stairs'});
                                        demo3Effect1 = {name: 'myEffect31', top: true, move: true, duration: 400};
					demo3Effect2 = {name: 'myEffect32', right: true, move: true, duration: 400};
					demo3Effect3 = {name: 'myEffect33', bottom: true, move: true, duration: 400};
					demo3Effect4 = {name: 'myEffect34', left: true, move: true, duration: 400};
					demo3Effect5 = {name: 'myEffect35', rows: 3, cols: 9, delay: 50, duration: 100, order: 'random', fade: true};
					demo3Effect6 = {name: 'myEffect36', rows: 2, cols: 4, delay: 100, duration: 400, order: 'random', fade: true, chess: true};

					effectsDemo3 = [demo3Effect1,demo3Effect2,demo3Effect3,demo3Effect4,demo3Effect5,demo3Effect6,'blinds'];
                                        var demoSlider_3 = Sliderman.slider({container: 'SliderName', width: 600, height:250, effects: effectsDemo3,  display: {
						pause: true, // slider pauses on mouseover
						autoplay: 3000, // 3 seconds slideshow
						always_show_loading: 200, // testing loading mode
						description: {background: '#ffffff', opacity: 0.5, height: 80, position: 'bottom'}, // image description box settings
						loading: {background: '#ffffff', opacity: 0.2, image: 'imagenesslider/botonslider/loading.gif'}, // loading box settings
						buttons: {hide:true,opacity: 1, prev: {className: 'SliderNamePrev', label: ''}, next: {className: 'SliderNameNext', label: ''}}, // Next/Prev buttons settings
						navigation: {container: 'SliderNameNavigation', label: '&nbsp;'} // navigation (pages) settings
					}});

	</script>
	</div>


</div>
<div id="estcat">
        <h3>Modulos</h3><br>
        <li><a href="" >Modulo Matricula</a></li>
        <li><a href="GesBodrep.jsp" >Modulo Boletin</a></li>
</div>
<div id="content">
<div class="left">
<div class="parte">
    <h1>Eventos</h1>
   <h6></h6>
   <div id="slider_container_2">
	<div id="SliderName2">

        <img src="imagenesslider/naturaleza1.jpg"  />
	<img src="imagenesslider/images1.jpg"  />
        <img src="imagenesslider/natu2_1.jpg"  />
        <img src="imagenesslider/imaint2.jpg"  />

        <div class="c"></div>
	<div id="SliderNameNavigation2"></div>
       <div class="c"></div>
        <script type="text/javascript">
        // we created new effect and called it 'demo01'. We use this name later.
	Sliderman.effect({name: 'demo01', cols: 10, rows: 8, delay: 20, fade: true, order: 'straight_stairs'});

					demo3Effect2 = {name: 'myEffect32', right: true, move: true, duration: 400};

					effectsDemo3 = [demo3Effect2];
                                        var demoSlider_2 = Sliderman.slider({container: 'SliderName2', width: 300, height:250, effects: effectsDemo3,  display: {
						pause: true, // slider pauses on mouseover
						autoplay: 20000, // 3 seconds slideshow
						always_show_loading: 200, // testing loading mode
						description: {background: '#ffffff', opacity: 0.5, height: 80, position: 'bottom'}, // image description box settings
						loading: {background: '#ffffff', opacity: 0.5, image: 'imagenesslider/botonslider/loading.gif'}, // loading box settings
						buttons: {hide:true,opacity: 1, prev: {className: 'SliderNamePrev', label: ''}, next: {className: 'SliderNameNext', label: ''}}, // Next/Prev buttons settings
						navigation: {container: 'SliderNameNavigation2', label: '&nbsp;'} // navigation (pages) settings
					}


		 			});

	</script>
	</div>

</div>
</div>

<div class="parte">
       <h1>Noticias</h1>
       <h6></h6>
       <div id="slider_container_3">
	<div id="SliderName3">

        <img src="imagenesslider/naturaleza1.jpg"  />
	<img src="imagenesslider/images1.jpg"  />
        <img src="imagenesslider/natu2_1.jpg"  />
        <img src="imagenesslider/imaint2.jpg"  />

        <div class="c"></div>
	<div id="SliderNameNavigation3"></div>
	<script type="text/javascript">
        // we created new effect and called it 'demo01'. We use this name later.
	Sliderman.effect({name: 'demo01', cols: 10, rows: 8, delay: 20, fade: true, order: 'straight_stairs'});
                                        demo3Effect2 = {name: 'myEffect32', right: true, move: true, duration: 400};
						effectsDemo3 = [demo3Effect2];
                                        var demoSlider_3 = Sliderman.slider({container: 'SliderName3', width: 300, height:250, effects: effectsDemo3,  display: {
						pause: true, // slider pauses on mouseover
						autoplay: 7000, // 3 seconds slideshow
						always_show_loading:200, // testing loading mode
						description: {background: '#ffffff', opacity: 0.5, height: 80, position: 'bottom'}, // image description box settings
						loading: {background: '#ffffff', opacity: 0.2, image: 'imagenesslider/botonslider/loading.gif'}, // loading box settings
						buttons: {hide:true,opacity: 1, prev: {className: 'SliderNamePrev', label: ''}, next: {className: 'SliderNameNext', label: ''}}, // Next/Prev buttons settings
						navigation: {container: 'SliderNameNavigation3', label: '&nbsp;'} // navigation (pages) settings
					}});

	</script>
	</div>



</div>
</div>

<br /><br />
</div>


<div style="clear: both;"> </div>

</div>

<div id="bottom"> </div><!-- este es la parte de abajo de la pagina...-->

<div id="footer">
    &COPY;FundaciÃ³n Universitaria Tecnologico Comfenalco <br/> V semestre Sistemas
</div>
</div>


</div>

</body>
</html>
